<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <title>LOGIN</title>
    <link rel="stylesheet" type="text/css" href="../../js/jquery-weui/lib/weui.min.css" />

    <style type="text/css">
        .weui_cellpd10{
    		padding: 10px 15px;
    	}
    	.weui_cellpd15{
    		padding: 15px;
    	}
    	.tiptitle{
    		text-align: center;
    		padding: 0.8rem 0 0.5rem 0;
    		font-size: 16px;
    		color: #555;
    	}

    	.font-size16{
    		font-size: 18PX;
    	}
        .subpanel{
            width: 90%;
            max-width: 600px;
            margin: 1.6rem auto;
            text-align: center;
        }
    </style>
</head>

<body>
    <div class="tiptitle font-size16">
        登录司机宝
    </div>
    <div class="weui_cells weui_cells_form">
        <div class="weui_cell weui_cellpd15">
            <div class="weui_cell_hd"><label class="weui_label">手机号</label></div>
            <div class="weui_cell_bd weui_cell_primary">
                <input id="uphone" class="weui_input" type="tel"  placeholder="请输入您的手机号码">
            </div>
        </div>
        <div class="weui_cell weui_cellpd15">
            <div class="weui_cell_hd"><label class="weui_label">密码</label></div>
            <div class="weui_cell_bd weui_cell_primary">
                <input id="upwd" class="weui_input" type="password"  placeholder="请输入密码">
            </div>
        </div>
    </div>
    <div class="subpanel">
        <a href="javascript:;" class="weui_btn weui_btn_primary" onclick="login()">登录</a>
    </div>
</body>
<script src="../../js/common/jquery-2.1.0.min.js"></script>
<script type="text/javascript">
    function login(){
        alert("LOGIN");
    }
</script>

</html>